<template>
  <div class="app-footer">
    <footer class="bg-black pb-5 footer">
      <div class="container">
        <div class="row">
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">Features</h5>
            <ul class="list-unstyled text-small">
              <li><nuxt-link href="#">Cool stuff</nuxt-link></li>
              <li><nuxt-link href="#">Random feature</nuxt-link></li>
              <li><nuxt-link href="#">Team feature</nuxt-link></li>
              <li><nuxt-link href="#">Stuff for developers</nuxt-link></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">Resources</h5>
            <ul class="list-unstyled text-small">
              <li><nuxt-link href="#">Resource</nuxt-link></li>
              <li><nuxt-link href="#">Resource name</nuxt-link></li>
              <li><nuxt-link href="#">Another resource</nuxt-link></li>
              <li><nuxt-link href="#">Final resource</nuxt-link></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">Utilities</h5>
            <ul class="list-unstyled text-small">
              <li><nuxt-link href="#">Business</nuxt-link></li>
              <li><nuxt-link href="#">Education</nuxt-link></li>
              <li><nuxt-link href="#">Government</nuxt-link></li>
              <li><nuxt-link href="#">Gaming</nuxt-link></li>
            </ul>
          </div>
          <div class="col-6 col-md">
            <h5 class="mb-4 text-white">About</h5>
            <ul class="list-unstyled text-small">
              <li><nuxt-link href="#">Team</nuxt-link></li>
              <li><nuxt-link href="#">Locations</nuxt-link></li>
              <li><nuxt-link href="#">Privacy</nuxt-link></li>
              <li><nuxt-link href="#">Terms</nuxt-link></li>
            </ul>
          </div>
          <div class="col-12 col-md mr-4">
            <div class="row mt-5">
              <div class="col-6 col-md text-center">
                <img class="shadow" src="@/assets/images/index/2.jpg" width="200" />
                <small class="d-block mt-3 mb-3 text-white">公众号</small>
              </div>
              <div class="col-6 col-md text-center">
                <img class="shadow" src="@/assets/images/index/2.jpg" width="200" />
                <small class="d-block mt-3 mb-3 text-white">公众号</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-12 col-md mr-4 text-center">
          <i class="fas fa-copyright text-white"></i>
          <small class="d-block mt-3 text-white">© 1111 Anchor Bootstrap UI Kit, by Sal <nuxt-link target="_blank" href="https://www.wowthemes.net">@wowthemesnet</nuxt-link>. License MIT. </small>
        </div>
      </div>
    </footer>
  </div>
</template>

<script setup lang="ts"></script>
